<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=0, user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="format-detection" content="telephone=no">
	<title>赠卷记录</title>
	<link rel="stylesheet" type="text/css" href="../../Public/css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../../Public/css/main.css"/>
	<link rel="stylesheet" type="text/css" href="../../Public/css/my.css"/>
	<link rel="stylesheet" type="text/css" href="../../Public/css/list.css">
	<script type="text/javascript" src="../../Public/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../../Public/js/rem.js"></script>
	<script type="text/javascript" src="../../Public/js/swiper-3.3.1.jquery.min.js"></script>
</head>
<body>
	<!-- head start -->
	<header class="header psa clear bg-color1 bg-color3">
		<span class="back-button" onclick="history.go(-1)">
			<i></i>
			赠卷记录
		</span>
	</header>
	<!-- head end -->

	<!-- content start -->
	<section class="mt9">
		<ul class="jy_list">
			<span class="jy_list_title">赠卷记录<input type="text" id="" value="" class="search"/><input class="set_caculate_btn" type="button" value="搜索"/></span>
			<span></span>
			<volist name="lists['posts']" id="vo">
			<li>
				<div class="clear">
					<span class="fl jy_name">
						<i>○</i>商家姓名
					</span>
					<i class="fr yjt_icon"></i>	
					<span class="fr jy_money">ID</span>
				</div>
				<div class="transaction_details">
					<p>
						<span>订单号：</span><span>22020203202</span>
					</p>
					<p>
						<span>商家：</span><span>138275455</span>
					</p>
					<p>
						<span>ID：</span><span>23541</span>
					</p>
					<p>
						<span>金额：</span><span>10.00</span>
					</p>
					<p>
						<span>会员：</span><span>张三</span>
					</p>
					<p>
						<span>会员手机号：</span><span>1355641**5</span>
					</p>
					<p>
						<span>会员邮箱：</span><span>24441@qq.com</span>
					</p>
					<p>
						<span>下单时间：</span><span>2015-5-6</span>
					</p>
					<p>
						<span>支付时间：</span><span>2015-5-7</span>
					</p>
				</div>
			</li>
			<li>
				<div class="clear">
					<span class="fl jy_name">
						<i>○</i>商家姓名
					</span>
					<i class="fr yjt_icon"></i>	
					<span class="fr jy_money">ID</span>
				</div>
				<div class="transaction_details">
					<p>
						<span>订单号：</span><span>22020203202</span>
					</p>
					<p>
						<span>商家：</span><span>138275455</span>
					</p>
					<p>
						<span>ID：</span><span>23541</span>
					</p>
					<p>
						<span>金额：</span><span>10.00</span>
					</p>
					<p>
						<span>会员：</span><span>张三</span>
					</p>
					<p>
						<span>会员手机号：</span><span>1355641**5</span>
					</p>
					<p>
						<span>会员邮箱：</span><span>24441@qq.com</span>
					</p>
					<p>
						<span>下单时间：</span><span>2015-5-6</span>
					</p>
					<p>
						<span>支付时间：</span><span>2015-5-7</span>
					</p>
				</div>
			</li><li>
				<div class="clear">
					<span class="fl jy_name">
						<i>○</i>商家姓名
					</span>
					<i class="fr yjt_icon"></i>	
					<span class="fr jy_money">ID</span>
				</div>
				<div class="transaction_details">
					<p>
						<span>订单号：</span><span>22020203202</span>
					</p>
					<p>
						<span>商家：</span><span>138275455</span>
					</p>
					<p>
						<span>ID：</span><span>23541</span>
					</p>
					<p>
						<span>金额：</span><span>10.00</span>
					</p>
					<p>
						<span>会员：</span><span>张三</span>
					</p>
					<p>
						<span>会员手机号：</span><span>1355641**5</span>
					</p>
					<p>
						<span>会员邮箱：</span><span>24441@qq.com</span>
					</p>
					<p>
						<span>下单时间：</span><span>2015-5-6</span>
					</p>
					<p>
						<span>支付时间：</span><span>2015-5-7</span>
					</p>
				</div>
			</li>
			</volist>
		</ul>
	</section>
	<!-- content end -->

	<script type="text/javascript" src="../js/mian.js"></script>
	<script type="text/javascript">
		//交易记录
		var isEv = /Mobile/.test(window.navigator.userAgent);
		var touchstart = isEv?"touchstart":"click";
		var jyLi = $(".jy_list li");
		for(var i=0;i<jyLi.length;i++){
			jyLi.eq(i).attr("class","open");
		};

		jyLi.on(touchstart,function(){
			var open = $(this).attr("class");
			if(open == "open"){
				$(this).find(".yjt_icon").css({
					"transform":"rotate(90deg)"
				});
				$(this).stop(true).animate({
					height:"5.32rem"
				});
				$(this).attr("class","close")
			}else{
				$(this).find(".yjt_icon").css({
					"transform":"rotate(0deg)"
				});
				$(this).stop(true).animate({
					height:"0.8rem"
				});
				$(this).attr("class","open")
			};
		});
	</script>
	
</body>
</html>